/* 
 @description: 关于我们css

 @author: 韦淇霰

 @update: 2021年9月6日22:55:35
 */
 *{
    margin: 0;
    padding: 0;
}
.content_area{
   width: 1683px;
   height: 1500px;
   float: left;
   position: absolute;
   top: 60px;
   right: 0;
   background-color: rgb(255, 254, 254);
   .back{
       position: fixed;
       left: 0;
       top: 0;
       background-color: rgba(0,0,0,.5);
       width: 100%;
       height: 100%;
       display: none;
       .box{
           position: absolute;
           left: 50%;
           top: 50%;
           transform: translate(-50%,-50%);
           margin: auto;
           width: 500px;
           height: 450px;
           line-height: 50px;
           background-color: white;
           padding: 20px;
           #pir{
               width: 100%;
               border: 1px solid rgb(199, 197, 197);
           }
           #imgCon{
                width: 100px;
                height: 50px;
                #img{
                    width: 100px;
                    height: 50px;
                }
           }
           #miao{
               width: 100%;
               height: 40px;
               font-size: 18px;
           }
           #time_{
               width: 100%;
               height: 30px;
               border: 1px solid rgb(199, 197, 197);
           }
           #submit , #closes{
               background-color: rgb(10, 207, 233);
               border: none;
               width: 60px;
               margin: 20px 66px;
               border-radius: 8px;
               line-height: 30px;
               color: white;
              
           }
       }
   }
   .about{
    width: 1643px;
    height: 50px;
    margin: 30px auto;
    overflow: hidden;
    box-shadow: 3px 5px 30px 5px rgb(223, 221, 221),3px 5px 30px 5px rgb(229, 236, 229);
    p{
        margin: 15px auto;
        color: black;
        margin-left: 5px;
        .fa{
            cursor: pointer;
        }
        a{
            color: rgb(88, 88, 90);
        }
        span{
            color: rgb(107, 107, 235);
            cursor: pointer;
        }
    }


   }
   .aboutlist{
       width: 1643px;
       margin: 30px auto;
       border:1px solid ;
       
       legend{
           margin-left: 20px;
           padding: 0 10px;
           font-size: 20px;
           font-weight: bold;
           color:rgb(92, 92, 92);
       }
       #tab{
           width: 1500px;
           border-collapse: collapse;
           border: 1px solid #ddd;
           line-height: 40px;
           margin:50px auto;
           .tab_a{
               width: 10px;
               height: 10px;
               background-color: rgb(204, 201, 201);
               color: black;
               th{
                   border: 1px solid rgb(221, 221, 221);
                   &:nth-child(2){
                     width: 380px;
                   }
                   &:nth-child(3){
                    width: 400px;
                  }
               }
               
           }
           .btn{
               cursor:pointer; 
               border-radius:2px; 
               opacity:.9; 
               width: 60px;
               line-height: 30px; 
               border:none;
               background-color: #0A90E9; 
               color:#fff;
           }
           .up{
               cursor:pointer; 
               border-radius:2px; 
               opacity:.9; 
               width: 60px;
               line-height: 30px; 
               border:none;
               background-color: #20CEED; 
               color:#fff;
           }
           td {
               padding: 6px 15px;
               line-height: 30px;
               height: 100%;
               border: 1px solid rgb(221, 221, 221);
               font-size: 14px;
               font-weight: 400;
               text-align: center;
               overflow: hidden;
               color: rgb(42, 42, 218);
             img{
                 width: 270px;
                 height: 90px;
             }
           }
       }
       
   }
   
}